<template>
  <a-layout>
    <AsideView/>
    <a-layout >
      <HeaderView/>
      <MainView/>
    </a-layout>
  </a-layout>
</template>
<script setup>
import AsideView from '@/components/Siderbar/AsideView.vue'
import HeaderView from '@/components/Siderbar/HeaderView.vue'
import MainView from '@/components/Siderbar/MainView.vue';
</script>

<style scoped>
.ant-layout-content
{
  height: calc(100vh - 64px);
  overflow: scroll;
}
#components-layout-demo-custom-trigger .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color 0.3s;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  margin: 16px;
}

.site-layout .site-layout-background {
  background: #fff;
}
</style>